import MeScroll from 'mescroll.js';

export default {
  name: "",
  data: () => ({
    mescroll: null,
    pdlist: [],
    url:'',
  }),
  methods: {
    balanceTypeSwitch(balanceType){
      console.log(balanceType);
    },
    // 创建时间
    balanceTime(timer) {
      let time = new Date(timer);
      let year = time.getFullYear();
      let month = (time.getMonth()+1) < 10 ? '0'+(time.getMonth()+1) : (time.getMonth()+1);
      let date = time.getDate() < 10 ? '0'+time.getDate() : time.getDate();
      let hours = time.getHours();
      let minute = time.getMinutes();
      // console.log(hours);
      return month+'.'+date+' '+hours+':'+minute;
    },
    //上拉回调 page = {num:1, size:10}; num:当前页 ,默认从1开始; size:每页数据条数,默认10
		upCallback: function(page) {
			//联网加载数据
			var self = this;
			self.getListDataFromNet(page.num, page.size, function(curPageData) {
				//curPageData=[]; //打开本行注释,可演示列表无任何数据empty的配置

				//如果是第一页需手动制空列表 (代替clearId和clearEmptyId的配置)
				if(page.num == 1) self.pdlist = [];

				//更新列表数据
				self.pdlist = self.pdlist.concat(curPageData);

				//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
				//mescroll会根据传的参数,自动判断列表如果无任何数据,则提示空;列表无下一页数据,则提示无更多数据;
				console.log("page.num="+page.num+", page.size="+page.size+", curPageData.length="+curPageData.length+", self.pdlist.length==" + self.pdlist.length);
				//方法四 (不推荐),会存在一个小问题:比如列表共有20条数据,每页加载10条,共2页.如果只根据当前页的数据个数判断,则需翻到第三页才会知道无更多数据,如果传了hasNext,则翻到第二页即可显示无更多数据.
				self.mescroll.endSuccess(curPageData.length);

			}, function() {
				//联网失败的回调,隐藏下拉刷新和上拉加载的状态;
				self.mescroll.endErr();
			});
		},
    // balanceType交易类型
    // 1长租租金结算
    // 2短租租金结算
    // 4长租租金手续费
    // 8短租租金手续费
    // 16推荐好友长租入住
    // 32推荐好友短租入住
    // 64 申请提现
    // 128 押金收入
    // 256其他费用
    // 512押金支出
    getListDataFromNet(pageNum,pageSize,successCallback,errorCallback) {
      let that = this;
      let url = that.url;
      console.log(url);
        this.$ajax.get(url, {
					params: {
						currentPage: pageNum, //页码
						showCount: pageSize //每页长度
					}
				})
				.then((response) => {
          console.log(response);
					var data=response.data.dataList; // 模拟数据: ../res/pdlist1.js
          //       	var listData=[];//模拟分页数据
					// for (var i = (pageNum-1)*pageSize; i < pageNum*pageSize; i++) {
	        //     		if(i==data.length) break;
	        //     		listData.push(data[i]);
	        //     	}
                	successCallback&&successCallback(data);//成功回调
				})
				.catch((error) => {
					errorCallback&&errorCallback()//失败回调
				});
		}
  },
  mounted() {
    //do something after mounting vue instance
    var self = this;
    self.houseType = self.$route.params.houseType;
    let isLandlord = self.$route.query.isLandlord;
    console.log(isLandlord);
    if(!isLandlord || isLandlord=='false'){    //不是房东
      self.url = configUrl.USERBALANCELIST_URL;
      console.log('1');
    }else{      //房东
      self.url = configUrl.LANDLORDBALANCELIST_URL;
      console.log('2');
    }

    // console.log(self.houseType);
		self.mescroll = new MeScroll("mescroll", { //请至少在vue的mounted生命周期初始化mescroll,以确保您配置的id能够被找到
			up: {
				callback: self.upCallback, //上拉回调
				//以下参数可删除,不配置
				isBounce: false, //此处禁止ios回弹,解析(务必认真阅读,特别是最后一点): http://www.mescroll.com/qa.html#q10
				//page:{size:8}, //可配置每页8条数据,默认10
				toTop:{ //配置回到顶部按钮
					src : "../res/img/mescroll-totop.png", //默认滚动到1000px显示,可配置offset修改
					//html: null, //html标签内容,默认null; 如果同时设置了src,则优先取src
					//offset : 1000
				},
				empty:{ //配置列表无任何数据的提示
					warpId:"dataList",
					icon : require("@/assets/images/attention@2x.png"),
						  	tip : "您还没有相关资金明细~" ,
//						  	btntext : "去逛逛 >" ,
//						  	btnClick : function() {
//						  		alert("点击了去逛逛按钮");
//						  	}
				},
				//vue的案例请勿配置clearId和clearEmptyId,否则列表的数据模板会被清空
				//vue的案例请勿配置clearId和clearEmptyId,否则列表的数据模板会被清空
//						clearId: "dataList",
//						clearEmptyId: "dataList"
			}
		});
  }
}
